/**
 * eadmin / www.eadmin.net
 * 
 * 表单
 */
/**
 * eadmin / www.eadmin.com.cn
 * 
 * 全局配置
 */
/**
 * ================= 颜色设置 ==================
 */
/**
 * ================= 字体设置 ==================
 */
/**
 * ================= 通用方法 ==================
 */
::-webkit-input-placeholder {
  color: #999;
}
:-moz-placeholder {
  color: #999;
}
::-moz-placeholder {
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
input,
textarea {
  border-radius: 5px;
  padding: 10px;
  border: 1px #30375B solid;
  background: #232B4C;
  width: 100%;
  color: #FFF;
}
input,
textarea {
  transition: border-color 0.2s linear, background-color 0.2s linear, box-shadow 0.2s linear;
}
input:focus,
textarea:focus {
  transition: border-color 0.2s linear, background-color 0.2s linear, box-shadow 0.2s linear;
  box-shadow: #060916 0px 0px 20px;
  outline: none;
  border-color: #0084FF;
  background: #2a3560;
}
input:disabled,
textarea:disabled {
  cursor: not-allowed;
  background: #BBC5D8;
  border-color: #BBC5D8;
  color: #586273;
}
input:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder {
  color: #586273;
}
input:disabled:-moz-placeholder,
textarea:disabled::-webkit-input-placeholder {
  color: #586273;
}
input:disabled::-moz-placeholder,
textarea:disabled::-webkit-input-placeholder {
  color: #586273;
}
input:disabled:-ms-input-placeholder,
textarea:disabled::-webkit-input-placeholder {
  color: #586273;
}
label {
  position: relative;
}
textarea {
  cursor: text;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.no-resize {
  resize: none;
}
.icon-input i:not(.add):not(.cut),
.icon-input-right i:not(.add):not(.cut),
.success-input i:not(.add):not(.cut),
.error-input i:not(.add):not(.cut),
.notice-input i:not(.add):not(.cut) {
  position: absolute;
  top: 1px;
}
.icon-input:not(.error-input):not(.success-input):not(.notice-input) input {
  padding-left: 26px;
}
.icon-input:not(.error-input):not(.success-input):not(.notice-input) i {
  left: 10px;
}
.icon-input-right input {
  padding-right: 24px;
}
.icon-input-right i {
  margin-right: 0;
  right: 10px;
}
.success-input,
.error-input,
.notice-input {
  transition: border-color 0.2s linear, background-color 0.2s linear, box-shadow 0.2s linear;
}
.success-input input,
.error-input input,
.notice-input input {
  padding-right: 24px;
}
.success-input i:not(.add):not(.cut),
.error-input i:not(.add):not(.cut),
.notice-input i:not(.add):not(.cut) {
  right: 10px;
  font-size: 16px;
  top: 0;
  margin-right: 0;
}
.success-input input,
.success-input textarea {
  border-color: #76FF02;
  background-color: #234824;
}
.success-input input:focus,
.success-input textarea:focus {
  background: #234824;
}
.success-input i:not(.add):not(.cut) {
  color: #76FF02;
}
.error-input input,
.error-input textarea {
  border-color: #FF1844;
  background: #482323;
}
.error-input input:focus,
.error-input textarea:focus {
  background: #482323;
}
.error-input i:not(.add):not(.cut) {
  color: #FF1844;
}
.notice-input input,
.notice-input textarea {
  border-color: #FFFF01;
  background: #4c4728;
}
.notice-input input:focus,
.notice-input textarea:focus {
  background: #4c4728;
}
.notice-input i:not(.add):not(.cut) {
  color: #FFFF01;
}
input[type="radio"],
input[type="checkbox"],
select {
  border: 0;
  position: absolute;
  left: -9999px;
}
select {
  min-width: 120px;
}
.radio,
.radio-disabled,
.radio-checked,
.radio-disabled-checked,
.checkbox,
.checkbox-disabled,
.checkbox-checked,
.checkbox-disabled-checked {
  margin-right: 10px;
  line-height: 40px;
  display: inline-block;
}
.radio i,
.radio-disabled i,
.radio-checked i,
.radio-disabled-checked i,
.checkbox i,
.checkbox-disabled i,
.checkbox-checked i,
.checkbox-disabled-checked i {
  font-size: 18px;
  margin-right: 0;
  font-weight: bold;
}
.radio,
.checkbox,
.checkbox-checked {
  cursor: pointer;
}
.radio-disabled,
.radio-disabled-checked,
.checkbox-disabled,
.checkbox-disabled-checked {
  color: #BBC5D8;
  cursor: not-allowed;
}
.radio i,
.checkbox i {
  transition: color 0.2s linear;
}
.radio-checked i,
.checkbox-checked i {
  transition: color 0.2s linear;
  color: #0084FF;
}
.select {
  border-radius: 5px;
  padding: 10px;
  border: 1px #30375B solid;
  background: #232B4C;
  display: inline-block;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
  min-width: 100px;
}
.select i:not(.rotate) {
  position: absolute;
  right: 0px;
}
.select-disabled {
  cursor: not-allowed;
  background: #BBC5D8;
  border-color: #BBC5D8;
}
.select-disabled span,
.select-disabled i {
  color: #586273;
}
.select-disabled i {
  font-size: 14px;
}
.select-option {
  border-radius: 5px;
  box-shadow: #060916 0px 0px 20px;
  display: none;
  position: absolute;
  border: 1px #30375B solid;
  background: #232B4C;
  margin-top: 5px;
  outline: none;
  z-index: 9999;
  cursor: pointer;
}
.select-option ul {
  padding: 6px;
  position: relative;
  max-height: 240px;
}
.select-option ul li {
  padding: 5px 10px;
  cursor: pointer;
}
.select-option ul li:hover {
  border-radius: 5px;
  background: #4E5675;
}
.select-option ul li:not(:last-child) {
  margin-bottom: 4px;
}
.select-option ul .active {
  border-radius: 5px;
  background: #4E5675;
}
.select-option .disabled {
  color: #BBC5D8;
  cursor: not-allowed;
}
.select-option .disabled:hover {
  background: #232B4C;
}
.checkbox-switch {
  border-radius: 50px;
  background: #999;
  width: 44px;
  height: 22px;
  cursor: pointer;
  padding: 3px;
  display: inline-block;
  position: relative;
}
.checkbox-switch span {
  transition: margin-left 0.2s linear;
  border-radius: 50px;
  background: #FFF;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
}
.switch-open {
  background: -moz-linear-gradient(left, #66b5ff, #0084FF);
  background: -webkit-linear-gradient(left, #66b5ff, #0084FF);
  background: -o-linear-gradient(left, #66b5ff, #0084FF);
}
.switch-open span {
  box-shadow: #060916 0px 0px 20px;
  transition: margin-left 0.2s linear;
  margin-left: 22px;
}
.switch-disabled {
  cursor: not-allowed;
  background: #BBC5D8;
}
